<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <meta charset="utf-8">
    <title>二手女装交易网站登录</title>
    <link rel="stylesheet" href="css/login.css">
    <style>
      .pop_1 {
        display: none;
      }
    </style>
    <script src="../js/jquery.min.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="js/login.js" type="text/javascript"></script>
  </head>
  <body>
  <div class="content">
    <div style="margin-top: 100px" class="form sign-in">
      <h2>欢迎回来</h2>
      <label>
        <span>手机号</span>
        <input type="tel" id="loginTel"/>
      </label>
      <label>
        <span>密码</span>
        <input type="password" id="loginPassword"/>
      </label>

      <p class="forgot-pass" data-method="offset" id="forgetPassword"><a href="javascript:"
                                                                         style="text-decoration: none">忘记密码？</a>
      </p>
      <button type="button" class="submit" id="login">登 录</button>
      <button type="button" class="submit" id="index"><a style="text-decoration: none" href="/html/index.html">游客访问</a>
      </button>
    </div>
    <div class="sub-cont">
      <div class="img">
        <div class="img__text m--up">
          <h2>还未注册？</h2>
          <p>立即注册，寻找你心目中的服装吧！</p>
        </div>
        <div class="img__text m--in">
          <h2>已有帐号？</h2>
          <p>有帐号就登录吧，好久不见了！</p>
        </div>
        <div class="img__btn">
          <span class="m--up">注 册</span>
          <span class="m--in">登 录</span>
        </div>
      </div>
      <div style="margin-top: 70px" class="form sign-up">
        <h2>立即注册</h2>
        <label>
          <span>手机号</span>
          <input type="tel" id="tel"/> <span style="color: red" id="telError"></span>
        </label>
        <label>
          <span>验证码</span> <span style="margin-left: 10px ; color: #0e90d2" id="getCode"></span>
          <input type="text" id="code"/> <span style="color: red" id="codeError"></span>
        </label>
        <label>
          <span>密码</span>
          <input type="password" id="password"/> <span style="color: red" id="passwordError"></span>
        </label>
        <button type="button" class="submit" id="register">注 册</button>
      </div>
    </div>
  </div>

  <div style="text-align:center;">
  </div>


  <div class="pop_1">
    <label>
      <span>手机号</span>
      <input type="tel" id="alterTel"/><span style="color: red" id="alterTelError"></span>
    </label>

    <label>
      <span id>验证码</span> <span style="margin-left: 10px ; color: #0e90d2" id="alterGetCode"></span>
      <input type="text" id="alterCode"/> <span style="color: red" id="alterCodeError"></span>
    </label>

    <label>
      <span>新密码</span>
      <input type="password" id="alterPassword"/><span style="color: red" id="alterPasswordError"></span>
    </label>

    <label>
      <span>确定密码</span>
      <input type="password" id="alterOkPassword"/><span style="color: red" id="alterOkPasswordError"></span>
    </label>

    <button type="button" class="submit" id="alter">修 改</button>
  </div>
  </body>
</html>
